<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue-v2.5.17.js"></script>

</head>
<body>
    <!--创建了一块空间， 包含vue元素-->
    <div id="app">
        {{i}}
        <!--<input type="button" v-on:click="">-->
        <input type="button" @click="clickMe" value="点我">
    </div>



</body>
<script>
    new Vue({
        el: "#app",  //指定vue管理的元素
        // 定义数据（model）
        data: {
                i : 0
        },
        //定义方法
        methods: {
            clickMe(){
                //在vue中引用 属性 和变量必须用 this来引用
                this.i ++;
            }
        }
    });

</script>
</html>